<template>
  <div>
    <h1>我是父组件</h1>
     <h1>插槽</h1>
     <hr>
      <mineOne :fdata="fdata">
          <template>
            <div>
               <h1 style="color:red;">我是给默认插槽传的内容</h1>
            </div>
          </template>
          <template>
            <div>
              <h1 style="color:red;">我在给子组件传内容一次</h1> 
            </div> 
          </template>
          <!-- 给具名插槽传内容v-slot:插槽名简写#插槽名 -->
           <template v-slot:footer>
            <div>
               <h1 style="color:blue;">我是传给脚步插槽的内容 具名插槽的内容</h1>
            </div>
           </template>
           <template #bottom>
            <div>
               <h1>我是给最底部插槽传的内容 {{myname}}</h1>
               <mylist></mylist>
            </div>
           </template>
      </mineOne>
  </div>
</template>
<script>
import mineOne from './child/mineOne.vue'
import mylist from './child/mylist.vue'
export default {
  components:{mineOne,mylist},
  data(){
    return {
      fdata:"我是父组件数据",
      myname:"张三"
    }
  }
}
</script>